<template>
  <view class="landingPage">
    <view
      class="goBack_box"
      :style="'top:'+globalData.menuButtonObject.top+'px;'"
      @click.stop="switchTab({url: '/pages/index/index'})">
      <image src="@/static/image/goHome_con.png" mode="widthFix" style="width:100%;height:100%;" />
    </view>

    <image class="landingImg" mode="widthFix" src="https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/prizePool/landingImg2.png"></image>
    <image class="landingImg" mode="widthFix" src="https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/prizePool/landingImg3.png"></image>
    <image class="landingImg" mode="widthFix" src="https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/prizePool/landingImg4.png"></image>
    <view class="fixedBottomBtn">
      <image class="landingImg" mode="widthFix" src="https://qqposs.oss-cn-shenzhen.aliyuncs.com/mpAppImg/prizePool/landingImg1.gif" @click="switchTab({url: '/pages/index/index'})"></image>
    </view>
  </view>
</template> 

<script>
export default {
  computed: {
    globalData() {
      return this.$store.state.globalData;
    }
  },
  async onLoad(option){
    uni.setNavigationBarColor({
      frontColor: "#ffffff",
      backgroundColor: "#ffffff",
      animation: {
        duration: 400,
        timingFunc: "easeIn",
      },
    });

    await this.shareOptions(option) // 分享参数处理
  },
  onHide(){
    uni.setNavigationBarColor({
      frontColor: "#000000",
      backgroundColor: "#000000",
      animation: {
        duration: 400,
        timingFunc: "easeIn",
      },
    });
  },
}
</script>

<style lang="scss" scoped>
.landingPage{
  background: #FE012F;
  padding-bottom: 144rpx;
	padding-bottom: calc(144rpx + constant(safe-area-inset-bottom));
	padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
  .goBack_box {
    position: fixed;
    z-index: 998;
    width: 60rpx;
    height: 60rpx;
    left: 32rpx;
    top: 48px;
  }

  .landingImg{
    width: 100%;
    height: auto;
    display: block;
  }
  .fixedBottomBtn{
    height: 144rpx;
    line-height: 144rpx;
	  box-shadow: 0 20px 20px 20px #FE012F;
  }
}
</style>